<template>
    <div class="box" v-if="data">
        <div class="box-h2">{{ data.merchantInfo?.merchant_name }}</div>
        <div class="content">
            {{ data.intro }}
        </div>
    </div>
</template>

<script>
export default {
    name: "sceneplanItem",
    components: {
    },
    props: {
        data: {
            type: Object,
            default: () => ({})
        }
    },
    data () {
        return {

        }
    },
    created () { },
    methods: {

    }
}
</script>

<style lang="less" scoped>
.box {
    padding: 60px 30px 30px;
    background: #fff;

    .box-h2 {
        text-align: center;
        color: #2E3033;
        font-size: 28px;
        margin-bottom: 30px;
    }

    .content {
        p {
            margin-bottom: 20px;
            line-height: 30px;
        }

        img {
            max-width: 100%;
        }
    }
}
</style>